// 背景图片
@mixin bgImg($url){
  background-image:url($url);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
//绝对定位布局
@mixin positionAlign($left:0,$top:0,$l:0,$r:0){
  position: absolute;
  top:$top;
  left:$left;
  transform:translate($l,$t)
}
// 占满父级绝对定位布局
@mixin positionAlign($left:0,$top:0,$b:0,$r:0){
  position: absolute;
  top:$top;
  left:$left;
  bottom: $b;
  right: $r;
}
// 盒子内容对齐
@mixin flexAlign($h:flex-start,$v:center,$wrap:nowrap){
  display: flex;
  flex-wrap: $wrap;
  justify-content: $h;
  align-items: $v;
}
// 垂直盒子内容对齐
@mixin flexColAlign($h:flex-start,$v:center){
  display: flex;
  flex-direction: column;
  justify-content: $h;
  align-items: $v;
}
// 多行省略
@mixin ellipsis($num){
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $num;
}